import React, { Component } from 'react'
import ComB from './ComB'

export default class ComRef extends Component {
  constructor() {
    super();
    this.state = {

    }
    // 通过createRef创建ref
    this.pRef = React.createRef()
    this.ComBRef = React.createRef()
  }
  componentDidMount() {
    // 获取普通的dom元素
    this.pRef.current.innerHTML = 666;
    // 获取组件，ref可以用在类组件上，不能用在函数组件上，因为ref返回的是组件的实例
    console.log(this.ComBRef);
  }
  render() {
    return (
      <div>
        <p ref={this.pRef}>Ref的使用：选择dom节点或者选择组件，方便后续操作</p>
        <ComB ref={this.ComBRef}></ComB>
      </div>
    )
  }
}
